body {
  background-color: transparent;
}

.scaled {
  transform: scale(0.9);
  transform-origin: 0 0;
  /* 设置缩放的原点 */
  width: 111.1%;
  /* 修正宽度以适应缩放 */
  height: 111.1%;
  /* 修正高度以适应缩放 */
}

html {
  overflow: hidden;
  background-color: rgb(15, 13, 41);
}

#main {
  border: 3px solid #2F4170;
}

#legend-overlay {
  background-color: #2E406E;
  color: white;
  border-color: #000000;
}

.recommend-search {
  color: #5087c2;
}

.search-form {
  color: #ffffffa6;
}

.search-box {
  color: #395287;
}

#search-text {
  background-color: #151922;
  border: 1px solid #2f4170;
}

.causal-info .header,
.causal-info .content {
  border-color: #2f4170;
  background-color: transparent;
  color: #ffffff99;
}

::-webkit-scrollbar {
  width: 8px;
  /* 滚动条的宽度 */
  height: 6px;
  /* 水平滚动条的高度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: transparent;
  /* 轨道颜色 */
  border-radius: 10px;
  /* 圆角 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: #4990e2;
  /* 滑块颜色 */
  border-radius: 10px;
  /* 圆角 */
}

.btn-info {
  background-color: #2f4170;
  border: 0;
}

.btn-info:hover {
  background-color: #4c73b3;
}